<!DOCTYPE html>  
<html>  
<head>  
    <style>  
        body, html {  
            height: 100%;  
            margin: 0;  
            padding: 0;  
        }  
  
        body {  
            /* 设置背景图像路径 */  
            background-image: url("./photo/背景.png");  
              
            /* 设置背景图像铺满整个容器 */  
            background-size: cover;  
              
            /* 设置背景图像始终位于容器的中心 */  
            background-position: center;  
              
            /* 设置背景图像不重复 */  
            background-repeat: no-repeat;  
              
            /* 固定背景图像，使页面内容滚动时背景图像保持固定 */  
            background-attachment: fixed;  
           
        }  
        h1{ text-align: center;
            font-size: 60px;
        }
        fieldset {  
           text-align: center;  /*居中 */
            width: 500px; /* 设置fieldset的宽度为300像素 */  
            border: 5px solid black; /* 可选：设置边框以便更清楚地看到fieldset的边界 */  
            padding: 10px; /* 可选：添加一些内边距 */  
            margin: 0 auto; /* 可选：使fieldset在页面上水平居中 */  
        }  
        .x{
             
            position: absolute;  
            top: 0;  
            right: 0;  
        }
        .y{   
            position: absolute;  
            top: 0;  
            left: 0;  

        }
    </style>  
</head>  
<body>  

    <h1>时尚餐厅</h1>
    <br>
   
<br>
<strong>
<fieldset>  
    <legend>用户登录</legend>  
    <label for="firstName">用户名:</label><br>  
    <input type="text" id="firstName" name="firstName" required><br>  
    <label for="lastName">密码:</label><br>  
    <input type="password" id="lastName" name="lastName" required><br>  
    <label for="lastName">验证码:</label><br>  
    <input type="text" id="lastName" name="lastName" required><br>  
    <label for="gender">身份类别:</label><br>  
    <input type="radio" id="male" name="gender" value="male" required>  
    <label for="male">客户</label><br>  
    <input type="radio" id="female" name="gender" value="female">  
    <label for="female">管理员</label><br>  
    <input type="radio" id="other" name="gender" value="other">  
    <label for="other">其他</label><br>  
    <a href="./5餐厅主页面 重做版.html"> <button class="an">登录</button> </a>
    <a href="./3注册信息界面.html"> <button class="an">注册</button> </a>
</fieldset>  
</strong>

<div class="x">
<img src="./photo/笑脸.png" alt="" width="70px"height="70px">
<a href="./1主页面.html"><img src="./photo/退出登入.png" alt=""></a>
</div>
<a href="./1主页面.html"><img class="y" src="./photo/小房子.png" alt=""></a>

</body>  
</html>